<template>
	<div class="main">
		<div class="one_first">
			<div class="one_left">
				<div class="left_info" v-for="(item,index) in topListInfo" :key="index">
					<div class="info_text_left">{{ item.name }}</div>
					<div class="info_value_left"
					     :style="index==0?'color: #ff9406':index==1?'color: #2875e0':index==2?'color: #3ba272':index==3?'color: #20a8ff':index==4?'color: #ee6a6a':'color: #3ba272'">
						{{ item.value }}
					</div>
				</div>
			</div>
			<div class="one_right">
				<div :class="typeId==0?'one_o_right_true':'one_o_right_false'" @click="changeStyle(0)">全部</div>
				<div :class="typeId==1?'one_o_right_true':'one_o_right_false'" @click="changeStyle(1)">抖音</div>
				<div :class="typeId==2?'one_o_right_true':'one_o_right_false'" @click="changeStyle(2)">快手</div>
			</div>
		</div>
		<div class="two_second">
			<div class="two_left">
				<div class="left_top_title">
					<span class="first_title_text">近期</span>热搜热度走势
				</div>
				<div id="chartLine1" style="height:510px;width:100%"></div>
			</div>
			<div class="two_right">
				<div class="left_top_title" style="display: flex;justify-content: space-between">
					<div>
						<span class="first_title_text">近期</span>热搜热度排名TOP10
					</div>
					<div
							style="width:50%;text-align: right;padding-right: 10px;color: #666666;font-size: 13px;transform: translateY(4px)">
						榜单时间
						<a-select default-value="实时" @change="changeTimeType1">
							<a-select-option :value="item.value" v-for="(item,index) in timeList" :key="index">
								{{ item.name }}
							</a-select-option>
						</a-select>
					</div>
				</div>
				<div class="right_list_info">
					<a-list :loading="loading" item-layout="horizontal">
						<a-list-item v-for="(item,index) in listInfoChild" :key="index">
							<a-list-item-meta>
								<a slot="title" style="margin-right:20px;color:orange;font-weight: bold">{{ index + 1 }}</a>
								<a slot="title" @click="toDetail(item)">{{ item.title }}</a>
							</a-list-item-meta>
							<div style="padding-left:5px">{{ (item.hot / 10000).toFixed(2) }}万</div>
						</a-list-item>
					</a-list>
					<span class="right_btm_text">查看完整榜单</span>
				</div>
			</div>
		</div>
		<div class="three_third">
			<div class="three_left">
				<div class="left_top_title" style="display: flex;justify-content: space-between;">
					<div style="width: 20%;"><span class="first_title_text">自定</span>义热点事件</div>
					<div style="width: 55%;display: flex;">
						<div style="text-align: right;display: flex" v-for="(item,index) in threeListInfo" :key="index">
							<div style="padding-left: 25px">{{ item.name }}</div>
							<div style="color: #3b88ff;padding-left: 10px;font-size:25px;font-weight: bold;line-height: 40px">
								{{ item.value }}
							</div>
						</div>
					</div>
				</div>
				<div
						style="width: 100%;height: 440px;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 5px;">
					<div
							style="width: 49.5%;height: 100px;padding: 0 20px;border: 1px solid #f3f3f3;display: flex;justify-content: space-between;"
							v-for="(item,index) in tableInfoList" :key="index">
						<div style="width: 80px;height: 80px;margin-top: 10px;"><img
								src="../../assets/images/body/shijianliebiao.jpg" style="width: 100%;height: 100%" alt=""></div>
						<div style="width: calc(100% - 80px);margin-left: 15px;margin-top: 8px;">
							<div
									style="width: 100%;height: 35px;line-height: 35px;color: #000;font-size: 18px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;">
								{{ item.title }}
							</div>
							<div style="width: 100%;height: 60px;display: flex;justify-content: space-between;">
								<div style="width: 50%;height: 50px;">
									<div style="width: 100%;height: 25px;line-height: 25px;color: #959595;">发布平台：{{
											item.platform
										}}
									</div>
									<div style="width: 100%;height: 25px;line-height: 25px;color: #959595;">累计热度：{{
											item.totalHot
										}}
									</div>
								</div>
								<div style="width: 50%;height: 50px;">
									<div style="width: 100%;height: 25px;line-height: 25px;color: #959595;">
										上榜时间：{{ item.findTime.slice(0, 10) }}
									</div>
									<div style="width: 100%;height: 25px;line-height: 25px;color: #959595;">来自预警：{{
											item.taskName
										}}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div style="width: 100%;height: 34px;margin-top: 30px;text-align: right">
					<a-pagination
							v-model="pagination.current"
							:total="pagination.total"
							:pageSize="pagination.pageSize"
							show-less-items
							@change="onChange"
					/>
				</div>
			</div>
			<div class="three_right">
				<div style="height:7%;width:100%;margin-left:10px;;padding-top:10px;font-weight:600">
					<span style="padding-top:40px;border-bottom:2px solid #1375ff;font-size:15px">近期</span>最高热点（自定义）事件
				</div>
				<div class="chart1">
					<div style="width:100%;height:6%;display:flex;margin-top:20px;margin-left:20px">
						<div style="width:70%;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
						     :title="hotEvent.title">
							{{ hotEvent.title }}
						</div>
						<div style="width:30%;">
							<span v-if="hotEvent.emotionalPolarity == 1"
							      style="color:white;background-color:#1375ff;padding:2px 8px;border-radius:5px"><a target="_blank"
							                                                                                        style="color:white">正面-{{
									hotEvent.twoMotion
								}}</a></span>
							<span v-else-if="hotEvent.emotionalPolarity == 2"
							      style="color:white;background-color:#04AF4F;padding:2px 8px;border-radius:5px"><a target="_blank"
							                                                                                        style="color:white">中性-{{
									hotEvent.twoMotion
								}}</a></span>
							<span v-else-if="hotEvent.emotionalPolarity == 3"
							      style="color:white;background-color:#EF4E22;padding:2px 8px;border-radius:5px"><a target="_blank"
							                                                                                        style="color:white">负面-{{
									hotEvent.twoMotion
								}}</a></span>
						</div>
					</div>
					<div
							style="width:100%;height:10%;margin-left:20px;margin-right:20px;font-size:12px;color:#7d7d7d;line-height:24px">
						<span :title="hotEvent.content">{{ hotEvent.content }}</span>
					</div>
					<div style="width:100%;height:4%;;margin-left:20px;margin-right:20px;">
						<span>事件影响力</span>
					</div>
					<div style="width:100%;height:8%;display:flex;margin-left:20px">
						<div style="width:80%">
							<a-progress :percent="hotEvent.hot" showInfo="false" strokeColor='#eb6100' size="small"/>
						</div>
						<div style="width:20%">
							<img src="../../assets/images/generalDetection/6.png" style="margin-right: 3px;"/>
							<span style="font-weight: bold">{{ hotEvent.hot }}</span>
						</div>
					</div>
					<div style="width:100%;height:68%;padding-left:20px;" id="sevenChart"></div>
				</div>
			</div>
		</div>
		<div class="four_fourth">
			<div class="four_left">
				<div class="left_top_title" style="display: flex;justify-content: space-between">
					<div style="display: flex;">
						<div v-for="(item,index) in areaList" :key="index">
							<span :class="areaInfo==index?'first_title_text':'first_title_false_text'">{{ item.name }}</span>
							<span :class="areaInfo==index?'first_title_text1':'first_title_false_text1'">{{ item.value }}</span>
						</div>
					</div>
					<div
							style="width:50%;text-align: right;padding-right: 10px;color: #666666;font-size: 13px;transform: translateY(4px)">
						<a-select default-value="实时" @change="changeTimeType2">
							<a-select-option :value="item.value" v-for="(item,index) in timeList" :key="index">
								{{ item.name }}
							</a-select-option>
						</a-select>
					</div>
				</div>
				<div id="mapEcharts" style="width: 100%;height: 560px"></div>
			</div>
			<div class="four_right">
				<div class="left_top_title" style="display: flex;justify-content: space-between;">
					<div style="width: 50%;"><span class="first_title_text">情感</span>分析</div>
				</div>
				<div style="width: 100%;height: 510px;border: 1px solid #eeeeee;" id="pieChart"></div>
			</div>
		</div>
		<div class="five_fifth">
			<div class="five_left">
				<div class="left_top_title" style="display: flex;justify-content: space-between">
					<div>
						<span class="first_title_text">热词</span>趋势的统计图
					</div>
					<div
							style="width:50%;text-align: right;padding-right: 10px;color: #666666;font-size: 13px;transform: translateY(4px)">
						<a-select default-value="实时" @change="changeTimeType3">
							<a-select-option :value="item.value" v-for="(item,index) in timeList" :key="index">
								{{ item.name }}
							</a-select-option>
						</a-select>
					</div>
				</div>
				<div id="chartLine2" style="height:510px;width:100%"></div>
			</div>
			<div class="five_right">
				<div class="left_top_title" style="display: flex;justify-content: space-between">
					<div>
						<span class="first_title_text">热词</span>词云
					</div>
					<div
							style="width:50%;text-align: right;padding-right: 10px;color: #666666;font-size: 13px;transform: translateY(4px)">
						<a-select default-value="实时" @change="changeTimeType4">
							<a-select-option :value="item.value" v-for="(item,index) in timeList" :key="index">
								{{ item.name }}
							</a-select-option>
						</a-select>
					</div>
				</div>
				<div id="wordEchart" style="height:510px;width:100%"></div>
			</div>
		</div>
	</div>
</template>

<script>
import {
	getHotTrackHotSearchList,
	oneEmotion,
	statisticsAnalyzingRegions,
	statisticsHotSearchTotal,
	statisticsHotSearchTrand,
	statisticsHotThreeSearchTotal,
	statisticsHotWordTrand,
	statisticsMedia,
	statisticsMostHot,
	statisticsSitehddress,
	threeWordCloud,
	twoEmotion
} from "../../api/HotSpotTracking/hotThreePage";

export default {
	name: "hotspottrackingechartThreePage",
	components: {},
	data() {
		return {
			typeId: 0,
			topListInfo: [
				{
					name: '过去24小时整体热度',
					value: '',
				}, {
					name: '过去7天单日热度均值',
					value: '',
				}, {
					name: '当前热搜总数',
					value: '',
				}, {
					name: '本月新增热搜数',
					value: '',
				}, {
					name: '本日新增热搜数',
					value: '',
				}, {
					name: '累计新增热搜',
					value: '',
				},
			],
			listInfoChild: [],
			timeList: [
				{
					name: '实时',
					value: '1',
				}, {
					name: '近1天',
					value: '2',
				}, {
					name: '近7天',
					value: '3',
				}, {
					name: '近30天',
					value: '4',
				},
			],
			threeListInfo: [
				{
					name: '本日预警追踪信息数量',
					value: '',
				}, {
					name: '本月预警追踪信息数量',
					value: '',
				}, {
					name: '累计预警追踪信息数量',
					value: '',
				},
			],
			tableInfoList: [],
			pagination: {
				current: 1,
				pageSize: 8,
				total: 0,
				showSizeChanger: true,
				showTotal: total => `共 ${total}条`,
				showQuickJumper: true,

			},
			areaInfo: 0,
			areaList: [
				// {
				//     name:'所在',
				//     value:'地域',
				// },
				{
					name: '提及',
					value: '地区',
				},
			],
			mapName: [],
			mapValue: [],
			hotEvent: {
				title: '',
				hot: '',
				content: '',
				emotionalPolarity: '',
			},//最高热点事件详情
			hotLastSevenDay: [],//最高热点事件详情
			hotValue: [],//最高热点事件详情
			nameHeatList1: [],
			nameHeatList2: [],
			nameHeatList3: [],
			nameHeatList4: [],
			nameHeatList5: [],
			nameHeatList6: [],
			nameHeatList7: [],
			nameHeatList8: [],
			nameHeatList9: [],
			nameHeatList10: [],
			nameHeatList11: [],
			nameHeatList12: [],
			nameHeatList13: [],
			nameHeatList14: [],
			nameHeatList15: [],
			nameHeatList16: [],
			nameHeatList17: [],
			nameHeatList18: [],
			nameHeatList19: [],
			nameHeatList20: [],
			nameHeatList21: [],
			nameHeatList22: [],
			nameHeatList23: [],
			nameHeatList24: [],
			nameHeatList25: [],
			nameHeatList26: [],
			nameHeatList27: [],
			nameHeatList28: [],
			nameHeatList29: [],
			nameHeatList30: [],
			heatMovesData: [],
			nameHeatList: [],

			nameLeftBtmList1: [],
			nameLeftBtmList2: [],
			nameLeftBtmList3: [],
			nameLeftBtmList4: [],
			nameLeftBtmList5: [],
			nameLeftBtmList6: [],
			nameLeftBtmList7: [],
			nameLeftBtmList8: [],
			nameLeftBtmList9: [],
			nameLeftBtmList10: [],
			nameLeftBtmList11: [],
			nameLeftBtmList12: [],
			nameLeftBtmList13: [],
			nameLeftBtmList14: [],
			nameLeftBtmList15: [],
			nameLeftBtmList16: [],
			nameLeftBtmList17: [],
			nameLeftBtmList18: [],
			nameLeftBtmList19: [],
			nameLeftBtmList20: [],
			nameLeftBtmList21: [],
			nameLeftBtmList22: [],
			nameLeftBtmList23: [],
			nameLeftBtmList24: [],
			nameLeftBtmList25: [],
			nameLeftBtmList26: [],
			nameLeftBtmList27: [],
			nameLeftBtmList28: [],
			nameLeftBtmList29: [],
			nameLeftBtmList30: [],
			leftBtmMovesData: [],
			nameLeftBtmList: [],
			leftBtmTimeInfo: [],

			dataTypeLeftTop: 1,
			dataTypeLeftBtm: 1,
			dataTypeRightTop: 1,
			btmRightChangeValue: 1,
			fourValue: 1,
			leftTopMsgInfo: [],
			leftTopTimeInfo: [],

			emotionPieChart: [],
			hotBtmRightName: [],
			hotBtmRightValue: [],

		}
	},
	methods: {
		init() {

			// 近期热搜热度走势
			this.getStatisticsHotSearchTrand1()

			// 近期热搜热度排名TOP10
			this.getStatisticsMedia()

			//顶部6个数字
			this.getStatisticsHotSearchTotal()

			// 自定义热点事件
			this.getHotListTrackHotSearchList()

			// 热点事件数值
			this.getStatisticsHotThreeSearchTotal()

			//饼图数据
			this.getOneEmotion()

			//近期最高热点（自定义）事件
			this.getStatisticsMostHot()

			//所在地域
			this.getStatisticsSitehddress()

			//热词趋势统计图
			this.getStatisticsHotWordTrand1()

			// 热词词云
			this.getWordCloud()
		},

		toDetail(item) {
			this.$router.push({
				path: '/hotspottrackingoverviewNew',
				query: {id: item.total, flag: 2, title: item.title}
			})
		},

		onChange(e, value) {
			this.pagination.current = e
			this.pagination.pageSize = value
			console.log('分页条状', this.pagination)
			this.getHotListTrackHotSearchList()
		},

		getStatisticsHotSearchTrand1() {
			let params = {
				dateType: this.dataTypeLeftTop,
				mediaTypeId: this.typeId,
			}
			statisticsHotSearchTrand(params).then(res => {
				console.log('近期热搜热度走势', res)
				this.leftTopTimeInfo = res.data.lastSevenDay

				res.data.mapList.forEach((item, index) => {
					if (res.data.mapList[index].data != [] && res.data.mapList[index].data.length > 0) {
						for (let j = 0; j < res.data.mapList[index].data.length; j++) {
							this.nameHeatList.push(res.data.mapList[index].data[j].title);
						}
					}
				})
				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameHeatList1.push(res.data.mapList[0].data[j].title);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameHeatList2.push(res.data.mapList[1].data[j].title);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameHeatList3.push(res.data.mapList[2].data[j].title);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameHeatList4.push(res.data.mapList[3].data[j].title);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameHeatList5.push(res.data.mapList[4].data[j].title);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameHeatList6.push(res.data.mapList[5].data[j].title);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameHeatList7.push(res.data.mapList[6].data[j].title);
					}
				}
				if (res.data.mapList[7].data != [] && res.data.mapList[7].data.length > 0) {
					for (let j = 0; j < res.data.mapList[7].data.length; j++) {
						this.nameHeatList8.push(res.data.mapList[7].data[j].title);
					}
				}
				if (res.data.mapList[8].data != [] && res.data.mapList[8].data.length > 0) {
					for (let j = 0; j < res.data.mapList[8].data.length; j++) {
						this.nameHeatList9.push(res.data.mapList[8].data[j].title);
					}
				}
				if (res.data.mapList[9].data != [] && res.data.mapList[9].data.length > 0) {
					for (let j = 0; j < res.data.mapList[9].data.length; j++) {
						this.nameHeatList10.push(res.data.mapList[9].data[j].title);
					}
				}
				if (res.data.mapList[10].data != [] && res.data.mapList[10].data.length > 0) {
					for (let j = 0; j < res.data.mapList[10].data.length; j++) {
						this.nameHeatList11.push(res.data.mapList[10].data[j].title);
					}
				}
				if (res.data.mapList[11].data != [] && res.data.mapList[11].data.length > 0) {
					for (let j = 0; j < res.data.mapList[11].data.length; j++) {
						this.nameHeatList12.push(res.data.mapList[11].data[j].title);
					}
				}
				if (res.data.mapList[12].data != [] && res.data.mapList[12].data.length > 0) {
					for (let j = 0; j < res.data.mapList[12].data.length; j++) {
						this.nameHeatList13.push(res.data.mapList[12].data[j].title);
					}
				}
				if (res.data.mapList[13].data != [] && res.data.mapList[13].data.length > 0) {
					for (let j = 0; j < res.data.mapList[13].data.length; j++) {
						this.nameHeatList14.push(res.data.mapList[13].data[j].title);
					}
				}
				if (res.data.mapList[14].data != [] && res.data.mapList[14].data.length > 0) {
					for (let j = 0; j < res.data.mapList[14].data.length; j++) {
						this.nameHeatList15.push(res.data.mapList[14].data[j].title);
					}
				}
				if (res.data.mapList[15].data != [] && res.data.mapList[15].data.length > 0) {
					for (let j = 0; j < res.data.mapList[15].data.length; j++) {
						this.nameHeatList16.push(res.data.mapList[15].data[j].title);
					}
				}
				if (res.data.mapList[16].data != [] && res.data.mapList[16].data.length > 0) {
					for (let j = 0; j < res.data.mapList[16].data.length; j++) {
						this.nameHeatList17.push(res.data.mapList[16].data[j].title);
					}
				}
				if (res.data.mapList[17].data != [] && res.data.mapList[17].data.length > 0) {
					for (let j = 0; j < res.data.mapList[17].data.length; j++) {
						this.nameHeatList18.push(res.data.mapList[17].data[j].title);
					}
				}
				if (res.data.mapList[18].data != [] && res.data.mapList[18].data.length > 0) {
					for (let j = 0; j < res.data.mapList[18].data.length; j++) {
						this.nameHeatList19.push(res.data.mapList[18].data[j].title);
					}
				}
				if (res.data.mapList[19].data != [] && res.data.mapList[19].data.length > 0) {
					for (let j = 0; j < res.data.mapList[19].data.length; j++) {
						this.nameHeatList20.push(res.data.mapList[19].data[j].title);
					}
				}
				if (res.data.mapList[20].data != [] && res.data.mapList[20].data.length > 0) {
					for (let j = 0; j < res.data.mapList[20].data.length; j++) {
						this.nameHeatList21.push(res.data.mapList[20].data[j].title);
					}
				}
				if (res.data.mapList[21].data != [] && res.data.mapList[21].data.length > 0) {
					for (let j = 0; j < res.data.mapList[21].data.length; j++) {
						this.nameHeatList22.push(res.data.mapList[21].data[j].title);
					}
				}
				if (res.data.mapList[22].data != [] && res.data.mapList[22].data.length > 0) {
					for (let j = 0; j < res.data.mapList[22].data.length; j++) {
						this.nameHeatList23.push(res.data.mapList[22].data[j].title);
					}
				}
				if (res.data.mapList[23].data != [] && res.data.mapList[23].data.length > 0) {
					for (let j = 0; j < res.data.mapList[23].data.length; j++) {
						this.nameHeatList24.push(res.data.mapList[23].data[j].title);
					}
				}


				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)
				let lineData6 = new Array(length).fill(0)
				let lineData7 = new Array(length).fill(0)
				let lineData8 = new Array(length).fill(0)
				let lineData9 = new Array(length).fill(0)
				let lineData10 = new Array(length).fill(0)
				let lineData11 = new Array(length).fill(0)
				let lineData12 = new Array(length).fill(0)
				let lineData13 = new Array(length).fill(0)
				let lineData14 = new Array(length).fill(0)
				let lineData15 = new Array(length).fill(0)
				let lineData16 = new Array(length).fill(0)
				let lineData17 = new Array(length).fill(0)
				let lineData18 = new Array(length).fill(0)
				let lineData19 = new Array(length).fill(0)
				let lineData20 = new Array(length).fill(0)
				let lineData21 = new Array(length).fill(0)
				let lineData22 = new Array(length).fill(0)
				let lineData23 = new Array(length).fill(0)
				let lineData24 = new Array(length).fill(0)
				// let lineData25 = new Array(length).fill(0)
				// let lineData26 = new Array(length).fill(0)
				// let lineData27 = new Array(length).fill(0)
				// let lineData28 = new Array(length).fill(0)
				// let lineData29 = new Array(length).fill(0)
				// let lineData30 = new Array(length).fill(0)

				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0] / 10000).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1] / 10000).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2] / 10000).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3] / 10000).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4] / 10000).toFixed(2) : 0
						lineData6[i] = res.data.mapList[i].countList[5] ? (res.data.mapList[i].countList[5] / 10000).toFixed(2) : 0
						lineData7[i] = res.data.mapList[i].countList[6] ? (res.data.mapList[i].countList[6] / 10000).toFixed(2) : 0
						lineData8[i] = res.data.mapList[i].countList[7] ? (res.data.mapList[i].countList[7] / 10000).toFixed(2) : 0
						lineData9[i] = res.data.mapList[i].countList[8] ? (res.data.mapList[i].countList[8] / 10000).toFixed(2) : 0
						lineData10[i] = res.data.mapList[i].countList[9] ? (res.data.mapList[i].countList[9] / 10000).toFixed(2) : 0
						lineData11[i] = res.data.mapList[i].countList[10] ? (res.data.mapList[i].countList[10] / 10000).toFixed(2) : 0
						lineData12[i] = res.data.mapList[i].countList[11] ? (res.data.mapList[i].countList[11] / 10000).toFixed(2) : 0
						lineData13[i] = res.data.mapList[i].countList[12] ? (res.data.mapList[i].countList[12] / 10000).toFixed(2) : 0
						lineData14[i] = res.data.mapList[i].countList[13] ? (res.data.mapList[i].countList[13] / 10000).toFixed(2) : 0
						lineData15[i] = res.data.mapList[i].countList[14] ? (res.data.mapList[i].countList[14] / 10000).toFixed(2) : 0
						lineData16[i] = res.data.mapList[i].countList[15] ? (res.data.mapList[i].countList[15] / 10000).toFixed(2) : 0
						lineData17[i] = res.data.mapList[i].countList[16] ? (res.data.mapList[i].countList[16] / 10000).toFixed(2) : 0
						lineData18[i] = res.data.mapList[i].countList[17] ? (res.data.mapList[i].countList[17] / 10000).toFixed(2) : 0
						lineData19[i] = res.data.mapList[i].countList[18] ? (res.data.mapList[i].countList[18] / 10000).toFixed(2) : 0
						lineData20[i] = res.data.mapList[i].countList[19] ? (res.data.mapList[i].countList[19] / 10000).toFixed(2) : 0
						lineData21[i] = res.data.mapList[i].countList[20] ? (res.data.mapList[i].countList[20] / 10000).toFixed(2) : 0
						lineData22[i] = res.data.mapList[i].countList[21] ? (res.data.mapList[i].countList[21] / 10000).toFixed(2) : 0
						lineData23[i] = res.data.mapList[i].countList[22] ? (res.data.mapList[i].countList[22] / 10000).toFixed(2) : 0
						// lineData24[i] =res.data.mapList[i].countList[23]?(res.data.mapList[i].countList[23]/10000).toFixed(2):0
						// lineData25[i] =res.data.mapList[i].countList[24]?(res.data.mapList[i].countList[24]/10000).toFixed(2):0
						// lineData26[i] =res.data.mapList[i].countList[25]?(res.data.mapList[i].countList[25]/10000).toFixed(2):0
						// lineData27[i] =res.data.mapList[i].countList[26]?(res.data.mapList[i].countList[26]/10000).toFixed(2):0
						// lineData28[i] =res.data.mapList[i].countList[27]?(res.data.mapList[i].countList[27]/10000).toFixed(2):0
						// lineData29[i] =res.data.mapList[i].countList[28]?(res.data.mapList[i].countList[28]/10000).toFixed(2):0
						// lineData30[i] =res.data.mapList[i].countList[29]?(res.data.mapList[i].countList[29]/10000).toFixed(2):0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.heatMovesData = []
				for (let i = 0; i < 10; i++) {
					this.heatMovesData.push({
						name: this.nameHeatList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 :
								i == 7 ? lineData8 : i == 8 ? lineData9 : i == 9 ? lineData10 : i == 10 ? lineData11 : i == 11 ? lineData12 : i == 12 ? lineData13 : i == 13 ? lineData14 : i == 14 ? lineData15 :
										i == 15 ? lineData16 : i == 16 ? lineData17 : i == 17 ? lineData18 : i == 18 ? lineData19 : i == 19 ? lineData20 : i == 20 ? lineData21 : i == 21 ? lineData22 : i == 22 ? lineData23 :
												i == 23 ? lineData24 : i == 24 ? lineData25 : i == 25 ? lineData26 : i == 26 ? lineData27 : i == 27 ? lineData28 : i == 28 ? lineData29 : i == 29 ? lineData30 : []
					},)
				}
				console.log(this.heatMovesData)

				this.drawLine1();

			})
		},
		getStatisticsHotSearchTrand2() {
			let params = {
				dateType: this.dataTypeLeftTop,
				mediaTypeId: this.typeId,
			}
			statisticsHotSearchTrand(params).then(res => {
				console.log('近期热搜热度走势', res)
				this.leftTopTimeInfo = res.data.lastSevenDay


				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameHeatList1.push(res.data.mapList[0].data[j].title);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameHeatList2.push(res.data.mapList[1].data[j].title);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameHeatList3.push(res.data.mapList[2].data[j].title);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameHeatList4.push(res.data.mapList[3].data[j].title);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameHeatList5.push(res.data.mapList[4].data[j].title);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameHeatList6.push(res.data.mapList[5].data[j].title);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameHeatList7.push(res.data.mapList[6].data[j].title);
					}
				}

				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)
				let lineData6 = new Array(length).fill(0)
				let lineData7 = new Array(length).fill(0)


				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0] / 10000).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1] / 10000).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2] / 10000).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3] / 10000).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4] / 10000).toFixed(2) : 0
						lineData6[i] = res.data.mapList[i].countList[5] ? (res.data.mapList[i].countList[5] / 10000).toFixed(2) : 0
						lineData7[i] = res.data.mapList[i].countList[6] ? (res.data.mapList[i].countList[6] / 10000).toFixed(2) : 0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.heatMovesData = []
				for (let i = 0; i < 10; i++) {
					this.heatMovesData.push({
						name: this.nameHeatList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 :
								i == 7 ? lineData8 : i == 8 ? lineData9 : i == 9 ? lineData10 : i == 10 ? lineData11 : i == 11 ? lineData12 : i == 12 ? lineData13 : i == 13 ? lineData14 : i == 14 ? lineData15 :
										i == 15 ? lineData16 : i == 16 ? lineData17 : i == 17 ? lineData18 : i == 18 ? lineData19 : i == 19 ? lineData20 : i == 20 ? lineData21 : i == 21 ? lineData22 : i == 22 ? lineData23 :
												i == 23 ? lineData24 : i == 24 ? lineData25 : i == 25 ? lineData26 : i == 26 ? lineData27 : i == 27 ? lineData28 : i == 28 ? lineData29 : i == 29 ? lineData30 : []
					},)
				}
				console.log(this.heatMovesData)

				this.drawLine2();

			})
		},
		getStatisticsHotSearchTrand3() {
			let params = {
				dateType: this.dataTypeLeftTop,
				mediaTypeId: this.typeId,
			}
			statisticsHotSearchTrand(params).then(res => {
				console.log('近期热搜热度走势', res)
				this.leftTopTimeInfo = res.data.lastSevenDay

				res.data.mapList.forEach((item, index) => {
					if (res.data.mapList[index].data != [] && res.data.mapList[index].data.length > 0) {
						for (let j = 0; j < res.data.mapList[index].data.length; j++) {
							this.nameHeatList.push(res.data.mapList[index].data[j].title);
						}
					}
				})
				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameHeatList1.push(res.data.mapList[0].data[j].title);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameHeatList2.push(res.data.mapList[1].data[j].title);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameHeatList3.push(res.data.mapList[2].data[j].title);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameHeatList4.push(res.data.mapList[3].data[j].title);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameHeatList5.push(res.data.mapList[4].data[j].title);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameHeatList6.push(res.data.mapList[5].data[j].title);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameHeatList7.push(res.data.mapList[6].data[j].title);
					}
				}
				if (res.data.mapList[7].data != [] && res.data.mapList[7].data.length > 0) {
					for (let j = 0; j < res.data.mapList[7].data.length; j++) {
						this.nameHeatList8.push(res.data.mapList[7].data[j].title);
					}
				}
				if (res.data.mapList[8].data != [] && res.data.mapList[8].data.length > 0) {
					for (let j = 0; j < res.data.mapList[8].data.length; j++) {
						this.nameHeatList9.push(res.data.mapList[8].data[j].title);
					}
				}
				if (res.data.mapList[9].data != [] && res.data.mapList[9].data.length > 0) {
					for (let j = 0; j < res.data.mapList[9].data.length; j++) {
						this.nameHeatList10.push(res.data.mapList[9].data[j].title);
					}
				}
				if (res.data.mapList[10].data != [] && res.data.mapList[10].data.length > 0) {
					for (let j = 0; j < res.data.mapList[10].data.length; j++) {
						this.nameHeatList11.push(res.data.mapList[10].data[j].title);
					}
				}
				if (res.data.mapList[11].data != [] && res.data.mapList[11].data.length > 0) {
					for (let j = 0; j < res.data.mapList[11].data.length; j++) {
						this.nameHeatList12.push(res.data.mapList[11].data[j].title);
					}
				}
				if (res.data.mapList[12].data != [] && res.data.mapList[12].data.length > 0) {
					for (let j = 0; j < res.data.mapList[12].data.length; j++) {
						this.nameHeatList13.push(res.data.mapList[12].data[j].title);
					}
				}
				if (res.data.mapList[13].data != [] && res.data.mapList[13].data.length > 0) {
					for (let j = 0; j < res.data.mapList[13].data.length; j++) {
						this.nameHeatList14.push(res.data.mapList[13].data[j].title);
					}
				}
				if (res.data.mapList[14].data != [] && res.data.mapList[14].data.length > 0) {
					for (let j = 0; j < res.data.mapList[14].data.length; j++) {
						this.nameHeatList15.push(res.data.mapList[14].data[j].title);
					}
				}
				if (res.data.mapList[15].data != [] && res.data.mapList[15].data.length > 0) {
					for (let j = 0; j < res.data.mapList[15].data.length; j++) {
						this.nameHeatList16.push(res.data.mapList[15].data[j].title);
					}
				}
				if (res.data.mapList[16].data != [] && res.data.mapList[16].data.length > 0) {
					for (let j = 0; j < res.data.mapList[16].data.length; j++) {
						this.nameHeatList17.push(res.data.mapList[16].data[j].title);
					}
				}
				if (res.data.mapList[17].data != [] && res.data.mapList[17].data.length > 0) {
					for (let j = 0; j < res.data.mapList[17].data.length; j++) {
						this.nameHeatList18.push(res.data.mapList[17].data[j].title);
					}
				}
				if (res.data.mapList[18].data != [] && res.data.mapList[18].data.length > 0) {
					for (let j = 0; j < res.data.mapList[18].data.length; j++) {
						this.nameHeatList19.push(res.data.mapList[18].data[j].title);
					}
				}
				if (res.data.mapList[19].data != [] && res.data.mapList[19].data.length > 0) {
					for (let j = 0; j < res.data.mapList[19].data.length; j++) {
						this.nameHeatList20.push(res.data.mapList[19].data[j].title);
					}
				}
				if (res.data.mapList[20].data != [] && res.data.mapList[20].data.length > 0) {
					for (let j = 0; j < res.data.mapList[20].data.length; j++) {
						this.nameHeatList21.push(res.data.mapList[20].data[j].title);
					}
				}
				if (res.data.mapList[21].data != [] && res.data.mapList[21].data.length > 0) {
					for (let j = 0; j < res.data.mapList[21].data.length; j++) {
						this.nameHeatList22.push(res.data.mapList[21].data[j].title);
					}
				}
				if (res.data.mapList[22].data != [] && res.data.mapList[22].data.length > 0) {
					for (let j = 0; j < res.data.mapList[22].data.length; j++) {
						this.nameHeatList23.push(res.data.mapList[22].data[j].title);
					}
				}
				if (res.data.mapList[23].data != [] && res.data.mapList[23].data.length > 0) {
					for (let j = 0; j < res.data.mapList[23].data.length; j++) {
						this.nameHeatList24.push(res.data.mapList[23].data[j].title);
					}
				}
				if (res.data.mapList[24].data != [] && res.data.mapList[24].data.length > 0) {
					for (let j = 0; j < res.data.mapList[24].data.length; j++) {
						this.nameHeatList25.push(res.data.mapList[24].data[j].title);
					}
				}
				if (res.data.mapList[25].data != [] && res.data.mapList[25].data.length > 0) {
					for (let j = 0; j < res.data.mapList[25].data.length; j++) {
						this.nameHeatList26.push(res.data.mapList[25].data[j].title);
					}
				}
				if (res.data.mapList[26].data != [] && res.data.mapList[26].data.length > 0) {
					for (let j = 0; j < res.data.mapList[26].data.length; j++) {
						this.nameHeatList27.push(res.data.mapList[26].data[j].title);
					}
				}
				if (res.data.mapList[27].data != [] && res.data.mapList[27].data.length > 0) {
					for (let j = 0; j < res.data.mapList[27].data.length; j++) {
						this.nameHeatList28.push(res.data.mapList[27].data[j].title);
					}
				}
				if (res.data.mapList[28].data != [] && res.data.mapList[28].data.length > 0) {
					for (let j = 0; j < res.data.mapList[28].data.length; j++) {
						this.nameHeatList29.push(res.data.mapList[28].data[j].title);
					}
				}
				if (res.data.mapList[29].data != [] && res.data.mapList[29].data.length > 0) {
					for (let j = 0; j < res.data.mapList[29].data.length; j++) {
						this.nameHeatList30.push(res.data.mapList[29].data[j].title);
					}
				}


				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)
				let lineData6 = new Array(length).fill(0)
				let lineData7 = new Array(length).fill(0)
				let lineData8 = new Array(length).fill(0)
				let lineData9 = new Array(length).fill(0)
				let lineData10 = new Array(length).fill(0)
				let lineData11 = new Array(length).fill(0)
				let lineData12 = new Array(length).fill(0)
				let lineData13 = new Array(length).fill(0)
				let lineData14 = new Array(length).fill(0)
				let lineData15 = new Array(length).fill(0)
				let lineData16 = new Array(length).fill(0)
				let lineData17 = new Array(length).fill(0)
				let lineData18 = new Array(length).fill(0)
				let lineData19 = new Array(length).fill(0)
				let lineData20 = new Array(length).fill(0)
				let lineData21 = new Array(length).fill(0)
				let lineData22 = new Array(length).fill(0)
				let lineData23 = new Array(length).fill(0)
				let lineData24 = new Array(length).fill(0)
				let lineData25 = new Array(length).fill(0)
				let lineData26 = new Array(length).fill(0)
				let lineData27 = new Array(length).fill(0)
				let lineData28 = new Array(length).fill(0)
				let lineData29 = new Array(length).fill(0)
				let lineData30 = new Array(length).fill(0)

				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0] / 10000).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1] / 10000).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2] / 10000).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3] / 10000).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4] / 10000).toFixed(2) : 0
						lineData6[i] = res.data.mapList[i].countList[5] ? (res.data.mapList[i].countList[5] / 10000).toFixed(2) : 0
						lineData7[i] = res.data.mapList[i].countList[6] ? (res.data.mapList[i].countList[6] / 10000).toFixed(2) : 0
						lineData8[i] = res.data.mapList[i].countList[7] ? (res.data.mapList[i].countList[7] / 10000).toFixed(2) : 0
						lineData9[i] = res.data.mapList[i].countList[8] ? (res.data.mapList[i].countList[8] / 10000).toFixed(2) : 0
						lineData10[i] = res.data.mapList[i].countList[9] ? (res.data.mapList[i].countList[9] / 10000).toFixed(2) : 0
						lineData11[i] = res.data.mapList[i].countList[10] ? (res.data.mapList[i].countList[10] / 10000).toFixed(2) : 0
						lineData12[i] = res.data.mapList[i].countList[11] ? (res.data.mapList[i].countList[11] / 10000).toFixed(2) : 0
						lineData13[i] = res.data.mapList[i].countList[12] ? (res.data.mapList[i].countList[12] / 10000).toFixed(2) : 0
						lineData14[i] = res.data.mapList[i].countList[13] ? (res.data.mapList[i].countList[13] / 10000).toFixed(2) : 0
						lineData15[i] = res.data.mapList[i].countList[14] ? (res.data.mapList[i].countList[14] / 10000).toFixed(2) : 0
						lineData16[i] = res.data.mapList[i].countList[15] ? (res.data.mapList[i].countList[15] / 10000).toFixed(2) : 0
						lineData17[i] = res.data.mapList[i].countList[16] ? (res.data.mapList[i].countList[16] / 10000).toFixed(2) : 0
						lineData18[i] = res.data.mapList[i].countList[17] ? (res.data.mapList[i].countList[17] / 10000).toFixed(2) : 0
						lineData19[i] = res.data.mapList[i].countList[18] ? (res.data.mapList[i].countList[18] / 10000).toFixed(2) : 0
						lineData20[i] = res.data.mapList[i].countList[19] ? (res.data.mapList[i].countList[19] / 10000).toFixed(2) : 0
						lineData21[i] = res.data.mapList[i].countList[20] ? (res.data.mapList[i].countList[20] / 10000).toFixed(2) : 0
						lineData22[i] = res.data.mapList[i].countList[21] ? (res.data.mapList[i].countList[21] / 10000).toFixed(2) : 0
						lineData23[i] = res.data.mapList[i].countList[22] ? (res.data.mapList[i].countList[22] / 10000).toFixed(2) : 0
						lineData24[i] = res.data.mapList[i].countList[23] ? (res.data.mapList[i].countList[23] / 10000).toFixed(2) : 0
						lineData25[i] = res.data.mapList[i].countList[24] ? (res.data.mapList[i].countList[24] / 10000).toFixed(2) : 0
						lineData26[i] = res.data.mapList[i].countList[25] ? (res.data.mapList[i].countList[25] / 10000).toFixed(2) : 0
						lineData27[i] = res.data.mapList[i].countList[26] ? (res.data.mapList[i].countList[26] / 10000).toFixed(2) : 0
						lineData28[i] = res.data.mapList[i].countList[27] ? (res.data.mapList[i].countList[27] / 10000).toFixed(2) : 0
						lineData29[i] = res.data.mapList[i].countList[28] ? (res.data.mapList[i].countList[28] / 10000).toFixed(2) : 0
						lineData30[i] = res.data.mapList[i].countList[29] ? (res.data.mapList[i].countList[29] / 10000).toFixed(2) : 0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.heatMovesData = []
				for (let i = 0; i < 10; i++) {
					this.heatMovesData.push({
						name: this.nameHeatList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 :
								i == 7 ? lineData8 : i == 8 ? lineData9 : i == 9 ? lineData10 : i == 10 ? lineData11 : i == 11 ? lineData12 : i == 12 ? lineData13 : i == 13 ? lineData14 : i == 14 ? lineData15 :
										i == 15 ? lineData16 : i == 16 ? lineData17 : i == 17 ? lineData18 : i == 18 ? lineData19 : i == 19 ? lineData20 : i == 20 ? lineData21 : i == 21 ? lineData22 : i == 22 ? lineData23 :
												i == 23 ? lineData24 : i == 24 ? lineData25 : i == 25 ? lineData26 : i == 26 ? lineData27 : i == 27 ? lineData28 : i == 28 ? lineData29 : i == 29 ? lineData30 : []
					},)
				}
				console.log(this.heatMovesData)

				this.drawLine3();

			})
		},
		getStatisticsMedia() {
			let params = {
				mediaTypeId: this.typeId,
				dateType: this.dataTypeRightTop
			}
			statisticsMedia(params).then(res => {
				console.log('top数据', res)
				if (res.status == 200) {
					this.listInfoChild = res.data.list
				}
			})
		},
		getStatisticsHotSearchTotal() {
			let params = {
				mediaTypeId: this.typeId,
			}
			statisticsHotSearchTotal(params).then(res => {
				console.log('顶部数字', res)
				if (res.status == 200) {
					this.topListInfo[0].value = res.data.oneDayTotalCount
					this.topListInfo[1].value = res.data.sevenDayAvgCount
					this.topListInfo[2].value = res.data.totalHot
					this.topListInfo[3].value = res.data.totalHotSearchCount
					this.topListInfo[4].value = res.data.monthHotSearchCount
					this.topListInfo[5].value = res.data.dayHotSearchCount
				}
			})
		},
		getHotListTrackHotSearchList() {
			let params = {
				page: this.pagination.current,
				pageNumber: this.pagination.pageSize,
				queryData: {
					mediaTypeId: this.typeId,
				},

			}
			getHotTrackHotSearchList(params).then(res => {
				console.log('表格数据', res)
				if (res.status == 200) {
					this.tableInfoList = res.data.records
					this.pagination.total = res.data.total
				}
			})
		},
		getStatisticsHotThreeSearchTotal() {
			let params = {
				queryData: {
					mediaTypeId: this.typeId,
				},
			}
			console.log('热点事件数值', params)
			statisticsHotThreeSearchTotal(params).then(res => {
				console.log('热点事件数值', res)
				if (res.status == 200) {
					this.threeListInfo[0].value = res.data.dayCount
					this.threeListInfo[1].value = res.data.monthCount
					this.threeListInfo[2].value = res.data.totalCount
				}
			})
		},
		getOneEmotion() {
			let params = {
				mediaTypeId: this.typeId,
				dateType: this.dataTypeRightTop,

			}
			oneEmotion(params).then(res => {
				console.log('饼图数据----接口', res)
				if (res.status == 200) {
					let name = []
					let value = []
					name = Object.values(res.data.typeList)
					value = Object.values(res.data.dataList)
					this.emotionPieChart = name.map((item, index) => ({value: value[index], name: item}));
					console.log('饼图数据----统计图', this.emotionPieChart)
					this.drawPie()
				}
			})
		},
		getStatisticsMostHot() {
			let params = {
				mediaTypeId: this.typeId,
			}
			statisticsMostHot(params).then(res => {
				console.log('近期最高热点（自定义）事件', res)
				if (res.data.hotEvent) {
					this.hotEvent = res.data.hotEvent
				}
				this.hotLastSevenDay = res.data.lastSevenDay
				res.data.datas.forEach((item, index) => {
					this.hotValue.push((item / 10000).toFixed(2))
				})
				this.drawChart();
			})
		},
		getStatisticsSitehddress() {
			let params = {
				mediaTypeId: this.typeId,
				dateType: this.fourValue
			}
			if (this.areaInfo == 0) {
				statisticsSitehddress(params).then(res => {
					if (res.status == 200) {
						this.mapName = res.data.provinceList
						this.mapValue = res.data.provinceValueList
						this.drawMap();
					}
					console.log('所在地域', res)

				})
			} else if (this.areaInfo == 1) {
				statisticsAnalyzingRegions(params).then(res => {
					if (res.status == 200) {
						this.mapName = res.data.provinceList
						this.mapValue = res.data.provinceValueList
						this.drawMap();
					}
					console.log('所在地域', res)

				})
			}

		},

		getStatisticsHotWordTrand1() {
			let params = {
				dateType: this.dataTypeLeftBtm,
				mediaTypeId: this.typeId,
			}
			statisticsHotWordTrand(params).then(res => {
				console.log('热词趋势统计图', res)
				this.leftBtmTimeInfo = res.data.lastSevenDay

				let arr = []
				this.nameLeftBtmList = []
				res.data.mapList.forEach((item, index) => {
					if (res.data.mapList[index].data != [] && res.data.mapList[index].data.length > 0) {
						for (let j = 0; j < res.data.mapList[index].data.length; j++) {
							arr.push(res.data.mapList[index].data[j].word);
						}
					}
				})
				this.nameLeftBtmList = [...new Set(arr)]
				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameLeftBtmList1.push(res.data.mapList[0].data[j].word);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameLeftBtmList2.push(res.data.mapList[1].data[j].word);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameLeftBtmList3.push(res.data.mapList[2].data[j].word);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameLeftBtmList4.push(res.data.mapList[3].data[j].word);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameLeftBtmList5.push(res.data.mapList[4].data[j].word);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameLeftBtmList6.push(res.data.mapList[5].data[j].word);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameLeftBtmList7.push(res.data.mapList[6].data[j].word);
					}
				}
				if (res.data.mapList[7].data != [] && res.data.mapList[7].data.length > 0) {
					for (let j = 0; j < res.data.mapList[7].data.length; j++) {
						this.nameLeftBtmList8.push(res.data.mapList[7].data[j].word);
					}
				}
				if (res.data.mapList[8].data != [] && res.data.mapList[8].data.length > 0) {
					for (let j = 0; j < res.data.mapList[8].data.length; j++) {
						this.nameLeftBtmList9.push(res.data.mapList[8].data[j].word);
					}
				}
				if (res.data.mapList[9].data != [] && res.data.mapList[9].data.length > 0) {
					for (let j = 0; j < res.data.mapList[9].data.length; j++) {
						this.nameLeftBtmList10.push(res.data.mapList[9].data[j].word);
					}
				}
				if (res.data.mapList[10].data != [] && res.data.mapList[10].data.length > 0) {
					for (let j = 0; j < res.data.mapList[10].data.length; j++) {
						this.nameLeftBtmList11.push(res.data.mapList[10].data[j].word);
					}
				}
				if (res.data.mapList[11].data != [] && res.data.mapList[11].data.length > 0) {
					for (let j = 0; j < res.data.mapList[11].data.length; j++) {
						this.nameLeftBtmList12.push(res.data.mapList[11].data[j].word);
					}
				}
				if (res.data.mapList[12].data != [] && res.data.mapList[12].data.length > 0) {
					for (let j = 0; j < res.data.mapList[12].data.length; j++) {
						this.nameLeftBtmList13.push(res.data.mapList[12].data[j].word);
					}
				}
				if (res.data.mapList[13].data != [] && res.data.mapList[13].data.length > 0) {
					for (let j = 0; j < res.data.mapList[13].data.length; j++) {
						this.nameLeftBtmList14.push(res.data.mapList[13].data[j].word);
					}
				}
				if (res.data.mapList[14].data != [] && res.data.mapList[14].data.length > 0) {
					for (let j = 0; j < res.data.mapList[14].data.length; j++) {
						this.nameLeftBtmList15.push(res.data.mapList[14].data[j].word);
					}
				}
				if (res.data.mapList[15].data != [] && res.data.mapList[15].data.length > 0) {
					for (let j = 0; j < res.data.mapList[15].data.length; j++) {
						this.nameLeftBtmList16.push(res.data.mapList[15].data[j].word);
					}
				}
				if (res.data.mapList[16].data != [] && res.data.mapList[16].data.length > 0) {
					for (let j = 0; j < res.data.mapList[16].data.length; j++) {
						this.nameLeftBtmList17.push(res.data.mapList[16].data[j].word);
					}
				}
				if (res.data.mapList[17].data != [] && res.data.mapList[17].data.length > 0) {
					for (let j = 0; j < res.data.mapList[17].data.length; j++) {
						this.nameLeftBtmList18.push(res.data.mapList[17].data[j].word);
					}
				}
				if (res.data.mapList[18].data != [] && res.data.mapList[18].data.length > 0) {
					for (let j = 0; j < res.data.mapList[18].data.length; j++) {
						this.nameLeftBtmList19.push(res.data.mapList[18].data[j].word);
					}
				}
				if (res.data.mapList[19].data != [] && res.data.mapList[19].data.length > 0) {
					for (let j = 0; j < res.data.mapList[19].data.length; j++) {
						this.nameLeftBtmList20.push(res.data.mapList[19].data[j].word);
					}
				}
				if (res.data.mapList[20].data != [] && res.data.mapList[20].data.length > 0) {
					for (let j = 0; j < res.data.mapList[20].data.length; j++) {
						this.nameLeftBtmList21.push(res.data.mapList[20].data[j].word);
					}
				}
				if (res.data.mapList[21].data != [] && res.data.mapList[21].data.length > 0) {
					for (let j = 0; j < res.data.mapList[21].data.length; j++) {
						this.nameLeftBtmList22.push(res.data.mapList[21].data[j].word);
					}
				}
				if (res.data.mapList[22].data != [] && res.data.mapList[22].data.length > 0) {
					for (let j = 0; j < res.data.mapList[22].data.length; j++) {
						this.nameLeftBtmList23.push(res.data.mapList[22].data[j].word);
					}
				}
				if (res.data.mapList[23].data != [] && res.data.mapList[23].data.length > 0) {
					for (let j = 0; j < res.data.mapList[23].data.length; j++) {
						this.nameLeftBtmList24.push(res.data.mapList[23].data[j].word);
					}
				}
				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)


				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0]).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1]).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2]).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3]).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4]).toFixed(2) : 0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.leftBtmMovesData = []
				for (let i = 0; i < this.nameLeftBtmList.length; i++) {
					this.leftBtmMovesData.push({
						name: this.nameLeftBtmList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 :
								i == 7 ? lineData8 : i == 8 ? lineData9 : i == 9 ? lineData10 : i == 10 ? lineData11 : i == 11 ? lineData12 : i == 12 ? lineData13 : i == 13 ? lineData14 : i == 14 ? lineData15 :
										i == 15 ? lineData16 : i == 16 ? lineData17 : i == 17 ? lineData18 : i == 18 ? lineData19 : i == 19 ? lineData20 : i == 20 ? lineData21 : i == 21 ? lineData22 : i == 22 ? lineData23 :
												i == 23 ? lineData24 : []
					},)
				}
				console.log('热词统计图数据', this.leftBtmMovesData)
				this.drawHotLine1();

			})
		},
		getStatisticsHotWordTrand2() {
			let params = {
				dateType: this.dataTypeLeftBtm,
				mediaTypeId: this.typeId,
			}
			statisticsHotWordTrand(params).then(res => {
				console.log('热词趋势统计图==========================2', res)
				this.leftBtmTimeInfo = res.data.lastSevenDay
				let arr = []
				this.nameLeftBtmList = []
				res.data.mapList.forEach((item, index) => {
					if (res.data.mapList[index].data != [] && res.data.mapList[index].data.length > 0) {
						for (let j = 0; j < res.data.mapList[index].data.length; j++) {
							arr.push(res.data.mapList[index].data[j].word);
						}
					}
				})

				this.nameLeftBtmList = [...new Set(arr)]
				console.log('统计图文字标识==========2', this.nameLeftBtmList, arr)
				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameLeftBtmList1.push(res.data.mapList[0].data[j].word);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameLeftBtmList2.push(res.data.mapList[1].data[j].word);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameLeftBtmList3.push(res.data.mapList[2].data[j].word);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameLeftBtmList4.push(res.data.mapList[3].data[j].word);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameLeftBtmList5.push(res.data.mapList[4].data[j].word);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameLeftBtmList6.push(res.data.mapList[5].data[j].word);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameLeftBtmList7.push(res.data.mapList[6].data[j].word);
					}
				}
				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)


				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0]).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1]).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2]).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3]).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4]).toFixed(2) : 0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.leftBtmMovesData = []
				for (let i = 0; i < this.nameLeftBtmList.length; i++) {
					this.leftBtmMovesData.push({
						name: this.nameLeftBtmList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 : []
					},)
				}
				console.log('热词统计图数据==================2', this.leftBtmMovesData)

				this.drawHotLine2();

			})
		},
		getStatisticsHotWordTrand3() {
			let params = {
				dateType: this.dataTypeLeftBtm,
				mediaTypeId: this.typeId,
			}
			statisticsHotWordTrand(params).then(res => {
				console.log('热词趋势统计图', res)
				this.leftBtmTimeInfo = res.data.lastSevenDay
				let arr = []
				this.nameLeftBtmList = []
				res.data.mapList.forEach((item, index) => {
					if (res.data.mapList[index].data != [] && res.data.mapList[index].data.length > 0) {
						for (let j = 0; j < res.data.mapList[index].data.length; j++) {
							arr.push(res.data.mapList[index].data[j].word);
						}
					}
				})
				this.nameLeftBtmList = [...new Set(arr)]
				// 第一天 名称
				if (res.data.mapList[0].data != [] && res.data.mapList[0].data.length > 0) {
					for (let j = 0; j < res.data.mapList[0].data.length; j++) {
						this.nameLeftBtmList1.push(res.data.mapList[0].data[j].word);
					}
				}

				// 第二天  名称
				if (res.data.mapList[1].data != [] && res.data.mapList[1].data.length > 0) {
					for (let j = 0; j < res.data.mapList[1].data.length; j++) {
						this.nameLeftBtmList2.push(res.data.mapList[1].data[j].word);
					}
				}
				// 第三天 名称
				if (res.data.mapList[2].data != [] && res.data.mapList[2].data.length > 0) {
					for (let j = 0; j < res.data.mapList[2].data.length; j++) {
						this.nameLeftBtmList3.push(res.data.mapList[2].data[j].word);
					}
				}
				// 第四天 名称
				if (res.data.mapList[3].data != [] && res.data.mapList[3].data.length > 0) {
					for (let j = 0; j < res.data.mapList[3].data.length; j++) {
						this.nameLeftBtmList4.push(res.data.mapList[3].data[j].word);
					}
				}
				// 第五天 名称
				if (res.data.mapList[4].data != [] && res.data.mapList[4].data.length > 0) {
					for (let j = 0; j < res.data.mapList[4].data.length; j++) {
						this.nameLeftBtmList5.push(res.data.mapList[4].data[j].word);
					}
				}
				// 第六天 名称
				if (res.data.mapList[5].data != [] && res.data.mapList[5].data.length > 0) {
					for (let j = 0; j < res.data.mapList[5].data.length; j++) {
						this.nameLeftBtmList6.push(res.data.mapList[5].data[j].word);
					}
				}
				// 第七天 名称
				if (res.data.mapList[6].data != [] && res.data.mapList[6].data.length > 0) {
					for (let j = 0; j < res.data.mapList[6].data.length; j++) {
						this.nameLeftBtmList7.push(res.data.mapList[6].data[j].word);
					}
				}
				if (res.data.mapList[7].data != [] && res.data.mapList[7].data.length > 0) {
					for (let j = 0; j < res.data.mapList[7].data.length; j++) {
						this.nameLeftBtmList8.push(res.data.mapList[7].data[j].word);
					}
				}
				if (res.data.mapList[8].data != [] && res.data.mapList[8].data.length > 0) {
					for (let j = 0; j < res.data.mapList[8].data.length; j++) {
						this.nameLeftBtmList9.push(res.data.mapList[8].data[j].word);
					}
				}
				if (res.data.mapList[9].data != [] && res.data.mapList[9].data.length > 0) {
					for (let j = 0; j < res.data.mapList[9].data.length; j++) {
						this.nameLeftBtmList10.push(res.data.mapList[9].data[j].word);
					}
				}
				if (res.data.mapList[10].data != [] && res.data.mapList[10].data.length > 0) {
					for (let j = 0; j < res.data.mapList[10].data.length; j++) {
						this.nameLeftBtmList11.push(res.data.mapList[10].data[j].word);
					}
				}
				if (res.data.mapList[11].data != [] && res.data.mapList[11].data.length > 0) {
					for (let j = 0; j < res.data.mapList[11].data.length; j++) {
						this.nameLeftBtmList12.push(res.data.mapList[11].data[j].word);
					}
				}
				if (res.data.mapList[12].data != [] && res.data.mapList[12].data.length > 0) {
					for (let j = 0; j < res.data.mapList[12].data.length; j++) {
						this.nameLeftBtmList13.push(res.data.mapList[12].data[j].word);
					}
				}
				if (res.data.mapList[13].data != [] && res.data.mapList[13].data.length > 0) {
					for (let j = 0; j < res.data.mapList[13].data.length; j++) {
						this.nameLeftBtmList14.push(res.data.mapList[13].data[j].word);
					}
				}
				if (res.data.mapList[14].data != [] && res.data.mapList[14].data.length > 0) {
					for (let j = 0; j < res.data.mapList[14].data.length; j++) {
						this.nameLeftBtmList15.push(res.data.mapList[14].data[j].word);
					}
				}
				if (res.data.mapList[15].data != [] && res.data.mapList[15].data.length > 0) {
					for (let j = 0; j < res.data.mapList[15].data.length; j++) {
						this.nameLeftBtmList16.push(res.data.mapList[15].data[j].word);
					}
				}
				if (res.data.mapList[16].data != [] && res.data.mapList[16].data.length > 0) {
					for (let j = 0; j < res.data.mapList[16].data.length; j++) {
						this.nameLeftBtmList17.push(res.data.mapList[16].data[j].word);
					}
				}
				if (res.data.mapList[17].data != [] && res.data.mapList[17].data.length > 0) {
					for (let j = 0; j < res.data.mapList[17].data.length; j++) {
						this.nameLeftBtmList18.push(res.data.mapList[17].data[j].word);
					}
				}
				if (res.data.mapList[18].data != [] && res.data.mapList[18].data.length > 0) {
					for (let j = 0; j < res.data.mapList[18].data.length; j++) {
						this.nameLeftBtmList19.push(res.data.mapList[18].data[j].word);
					}
				}
				if (res.data.mapList[19].data != [] && res.data.mapList[19].data.length > 0) {
					for (let j = 0; j < res.data.mapList[19].data.length; j++) {
						this.nameLeftBtmList20.push(res.data.mapList[19].data[j].word);
					}
				}
				if (res.data.mapList[20].data != [] && res.data.mapList[20].data.length > 0) {
					for (let j = 0; j < res.data.mapList[20].data.length; j++) {
						this.nameLeftBtmList21.push(res.data.mapList[20].data[j].word);
					}
				}
				if (res.data.mapList[21].data != [] && res.data.mapList[21].data.length > 0) {
					for (let j = 0; j < res.data.mapList[21].data.length; j++) {
						this.nameLeftBtmList22.push(res.data.mapList[21].data[j].word);
					}
				}
				if (res.data.mapList[22].data != [] && res.data.mapList[22].data.length > 0) {
					for (let j = 0; j < res.data.mapList[22].data.length; j++) {
						this.nameLeftBtmList23.push(res.data.mapList[22].data[j].word);
					}
				}
				if (res.data.mapList[23].data != [] && res.data.mapList[23].data.length > 0) {
					for (let j = 0; j < res.data.mapList[23].data.length; j++) {
						this.nameLeftBtmList24.push(res.data.mapList[23].data[j].word);
					}
				}
				if (res.data.mapList[24].data != [] && res.data.mapList[24].data.length > 0) {
					for (let j = 0; j < res.data.mapList[24].data.length; j++) {
						this.nameLeftBtmList25.push(res.data.mapList[24].data[j].word);
					}
				}
				if (res.data.mapList[25].data != [] && res.data.mapList[25].data.length > 0) {
					for (let j = 0; j < res.data.mapList[25].data.length; j++) {
						this.nameLeftBtmList26.push(res.data.mapList[25].data[j].word);
					}
				}
				if (res.data.mapList[26].data != [] && res.data.mapList[26].data.length > 0) {
					for (let j = 0; j < res.data.mapList[26].data.length; j++) {
						this.nameLeftBtmList27.push(res.data.mapList[26].data[j].word);
					}
				}
				if (res.data.mapList[27].data != [] && res.data.mapList[27].data.length > 0) {
					for (let j = 0; j < res.data.mapList[27].data.length; j++) {
						this.nameLeftBtmList28.push(res.data.mapList[27].data[j].word);
					}
				}
				if (res.data.mapList[28].data != [] && res.data.mapList[28].data.length > 0) {
					for (let j = 0; j < res.data.mapList[28].data.length; j++) {
						this.nameLeftBtmList29.push(res.data.mapList[28].data[j].word);
					}
				}
				if (res.data.mapList[29].data != [] && res.data.mapList[29].data.length > 0) {
					for (let j = 0; j < res.data.mapList[29].data.length; j++) {
						this.nameLeftBtmList30.push(res.data.mapList[29].data[j].word);
					}
				}


				//十根线的数据
				let length = res.data.mapList.length
				let lineData1 = new Array(length).fill(0)//第一天的top
				let lineData2 = new Array(length).fill(0)//第二天的top
				let lineData3 = new Array(length).fill(0)//往下以此类推
				let lineData4 = new Array(length).fill(0)
				let lineData5 = new Array(length).fill(0)

				for (let i = 0; i < res.data.mapList.length; i++) {
					//取每天的所有数据
					if (res.data.mapList[i].countList.length > 0) {
						lineData1[i] = res.data.mapList[i].countList[0] ? (res.data.mapList[i].countList[0]).toFixed(2) : 0
						lineData2[i] = res.data.mapList[i].countList[1] ? (res.data.mapList[i].countList[1]).toFixed(2) : 0
						lineData3[i] = res.data.mapList[i].countList[2] ? (res.data.mapList[i].countList[2]).toFixed(2) : 0
						lineData4[i] = res.data.mapList[i].countList[3] ? (res.data.mapList[i].countList[3]).toFixed(2) : 0
						lineData5[i] = res.data.mapList[i].countList[4] ? (res.data.mapList[i].countList[4]).toFixed(2) : 0
					}


				}
				let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];

				const hexToRgba = (hex, opacity) => {
					let rgbaColor = "";
					let reg = /^#[\da-f]{6}$/i;
					if (reg.test(hex)) {
						rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
								"0x" + hex.slice(3, 5)
						)},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
					}
					return rgbaColor;
				}
				//构造十天的series数据
				this.leftBtmMovesData = []
				for (let i = 0; i < this.nameLeftBtmList.length; i++) {
					this.leftBtmMovesData.push({
						name: this.nameLeftBtmList[i],
						type: 'line',
						/* stack: 'Total',*/
						smooth: true,//设置折线图平滑
						areaStyle: {},
						emphasis: {
							focus: 'series'
						},
						itemStyle: {
							normal: {
								color: hexToRgba(color[i], 1), //改变折线点的颜色
								lineStyle: {
									color: hexToRgba(color[i], 1), //改变折线颜色
								}
							}
						},
						data: i == 0 ? lineData1 : i == 1 ? lineData2 : i == 2 ? lineData3 : i == 3 ? lineData4 : i == 4 ? lineData5 : i == 5 ? lineData6 : i == 6 ? lineData7 :
								i == 7 ? lineData8 : i == 8 ? lineData9 : i == 9 ? lineData10 : i == 10 ? lineData11 : i == 11 ? lineData12 : i == 12 ? lineData13 : i == 13 ? lineData14 : i == 14 ? lineData15 :
										i == 15 ? lineData16 : i == 16 ? lineData17 : i == 17 ? lineData18 : i == 18 ? lineData19 : i == 19 ? lineData20 : i == 20 ? lineData21 : i == 21 ? lineData22 : i == 22 ? lineData23 :
												i == 23 ? lineData24 : i == 24 ? lineData25 : i == 25 ? lineData26 : i == 26 ? lineData27 : i == 27 ? lineData28 : i == 28 ? lineData29 : i == 29 ? lineData30 : []
					},)
				}
				console.log('热词统计图数据', this.leftBtmMovesData, this.leftBtmTimeInfo)

				this.drawHotLine3();

			})
		},

		getWordCloud() {
			let params = {
				dateType: this.btmRightChangeValue,
				mediaTypeId: this.typeId,
			}
			threeWordCloud(params).then(res => {
				console.log('热词云图', res)
				if (res.status == 200) {
					this.hotBtmRightName = res.data.typeList
					this.hotBtmRightValue = res.data.dataList
					this.drawWorldCloud()
				}

			})
		},

		//全部 抖音 快手
		changeStyle(e) {
			this.typeId = e
			if (this.dataTypeLeftTop == 1) {
				this.getStatisticsHotSearchTrand1()
			} else if (this.dataTypeLeftTop == 2) {
				this.getStatisticsHotSearchTrand2()
			} else if (this.dataTypeLeftTop == 3) {
				this.getStatisticsHotSearchTrand3()
			}

			if (this.dataTypeLeftBtm == 1 || this.dataTypeLeftBtm == 2) {
				this.getStatisticsHotWordTrand1()
			} else if (this.dataTypeLeftBtm == 3) {
				this.getStatisticsHotWordTrand2()
			} else if (this.dataTypeLeftBtm == 4) {
				this.getStatisticsHotWordTrand3()
			}

			this.getStatisticsMedia()
			this.getStatisticsHotSearchTotal()
			this.getHotListTrackHotSearchList()
			this.getStatisticsHotThreeSearchTotal()
			this.getOneEmotion()
			this.getStatisticsMostHot()
			this.getStatisticsSitehddress()
			this.getWordCloud()

		},
		//顶部统计图
		changeTimeType1(e) {
			console.log('时间选择-----左上', e)
			if (e == 1 || e == 2) {
				this.dataTypeLeftTop = 1
				this.getStatisticsHotSearchTrand1()
			} else if (e == 3) {
				this.dataTypeLeftTop = 2
				this.getStatisticsHotSearchTrand2()
			} else if (e == 4) {
				this.dataTypeLeftTop = 3
				this.getStatisticsHotSearchTrand3()
			}
			this.dataTypeRightTop = e
			this.getStatisticsMedia()
			this.getOneEmotion()

		},

		// 地图
		changeTimeType2(e) {
			console.log('时间选择', e)
			this.fourValue = e
			this.getStatisticsSitehddress()
		},

		// 热词趋势
		changeTimeType3(e) {
			console.log('时间选择-热词趋势', e)
			this.dataTypeLeftBtm = e
			if (e == 1 || e == 2) {
				this.getStatisticsHotWordTrand1()
			} else if (e == 3) {
				this.getStatisticsHotWordTrand2()
			} else if (e == 4) {
				this.getStatisticsHotWordTrand3()
			}
		},

		// 热词词云
		changeTimeType4(e) {
			console.log('时间选择', e)
			this.btmRightChangeValue = e
			this.getWordCloud()
		},
		changeEcharts(e) {
			this.areaInfo = e
			this.getStatisticsSitehddress()

		},


		drawLine3() {
			let myChart = this.$echarts.init(document.getElementById("chartLine1"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameHeatList1.length > 0) {
								for (var i = 0; i < that.nameHeatList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameHeatList2.length > 0) {
								for (var i = 0; i < that.nameHeatList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameHeatList3.length > 0) {
								for (var i = 0; i < that.nameHeatList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameHeatList4.length > 0) {
								for (var i = 0; i < that.nameHeatList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameHeatList5.length > 0) {
								for (var i = 0; i < that.nameHeatList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameHeatList6.length > 0) {
								for (var i = 0; i < that.nameHeatList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameHeatList7.length > 0) {
								for (var i = 0; i < that.nameHeatList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 7) {
							if (that.nameHeatList8.length > 0) {
								for (var i = 0; i < that.nameHeatList8.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList8[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 8) {
							if (that.nameHeatList9.length > 0) {
								for (var i = 0; i < that.nameHeatList9.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList9[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 9) {
							if (that.nameHeatList10.length > 0) {
								for (var i = 0; i < that.nameHeatList10.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList10[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 10) {
							if (that.nameHeatList11.length > 0) {
								for (var i = 0; i < that.nameHeatList11.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList11[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 11) {
							if (that.nameHeatList12.length > 0) {
								for (var i = 0; i < that.nameHeatList12.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList12[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 12) {
							if (that.nameHeatList13.length > 0) {
								for (var i = 0; i < that.nameHeatList13.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList13[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 13) {
							if (that.nameHeatList14.length > 0) {
								for (var i = 0; i < that.nameHeatList14.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList14[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 14) {
							if (that.nameHeatList15.length > 0) {
								for (var i = 0; i < that.nameHeatList15.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList15[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 15) {
							if (that.nameHeatList16.length > 0) {
								for (var i = 0; i < that.nameHeatList16.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList16[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 16) {
							if (that.nameHeatList17.length > 0) {
								for (var i = 0; i < that.nameHeatList17.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList17[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 17) {
							if (that.nameHeatList18.length > 0) {
								for (var i = 0; i < that.nameHeatList18.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList18[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 18) {
							if (that.nameHeatList19.length > 0) {
								for (var i = 0; i < that.nameHeatList19.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList19[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 19) {
							if (that.nameHeatList20.length > 0) {
								for (var i = 0; i < that.nameHeatList20.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList20[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 20) {
							if (that.nameHeatList21.length > 0) {
								for (var i = 0; i < that.nameHeatList21.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList21[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 21) {
							if (that.nameHeatList22.length > 0) {
								for (var i = 0; i < that.nameHeatList22.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList22[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 22) {
							if (that.nameHeatList23.length > 0) {
								for (var i = 0; i < that.nameHeatList23.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList23[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 23) {
							if (that.nameHeatList24.length > 0) {
								for (var i = 0; i < that.nameHeatList24.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList24[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 24) {
							if (that.nameHeatList25.length > 0) {
								for (var i = 0; i < that.nameHeatList25.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList25[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 25) {
							if (that.nameHeatList26.length > 0) {
								for (var i = 0; i < that.nameHeatList26.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList26[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 26) {
							if (that.nameHeatList27.length > 0) {
								for (var i = 0; i < that.nameHeatList27.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList27[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 27) {
							if (that.nameHeatList28.length > 0) {
								for (var i = 0; i < that.nameHeatList28.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList28[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 28) {
							if (that.nameHeatList29.length > 0) {
								for (var i = 0; i < that.nameHeatList29.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList29[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 29) {
							if (that.nameHeatList30.length > 0) {
								for (var i = 0; i < that.nameHeatList30.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList30[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}

						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftTopTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "单位（万）",
					}
				],
				series: this.heatMovesData
			}
			myChart.setOption(option)

		},
		drawLine2() {
			let myChart = this.$echarts.init(document.getElementById("chartLine1"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameHeatList1.length > 0) {
								for (var i = 0; i < that.nameHeatList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameHeatList2.length > 0) {
								for (var i = 0; i < that.nameHeatList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameHeatList3.length > 0) {
								for (var i = 0; i < that.nameHeatList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameHeatList4.length > 0) {
								for (var i = 0; i < that.nameHeatList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameHeatList5.length > 0) {
								for (var i = 0; i < that.nameHeatList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameHeatList6.length > 0) {
								for (var i = 0; i < that.nameHeatList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameHeatList7.length > 0) {
								for (var i = 0; i < that.nameHeatList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}
						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftTopTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "单位（万）",
					}
				],
				series: this.heatMovesData
			}
			myChart.setOption(option)

		},
		drawLine1() {
			let myChart = this.$echarts.init(document.getElementById("chartLine1"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameHeatList1.length > 0) {
								for (var i = 0; i < that.nameHeatList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameHeatList2.length > 0) {
								for (var i = 0; i < that.nameHeatList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameHeatList3.length > 0) {
								for (var i = 0; i < that.nameHeatList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameHeatList4.length > 0) {
								for (var i = 0; i < that.nameHeatList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameHeatList5.length > 0) {
								for (var i = 0; i < that.nameHeatList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameHeatList6.length > 0) {
								for (var i = 0; i < that.nameHeatList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameHeatList7.length > 0) {
								for (var i = 0; i < that.nameHeatList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 7) {
							if (that.nameHeatList8.length > 0) {
								for (var i = 0; i < that.nameHeatList8.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList8[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 8) {
							if (that.nameHeatList9.length > 0) {
								for (var i = 0; i < that.nameHeatList9.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList9[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 9) {
							if (that.nameHeatList10.length > 0) {
								for (var i = 0; i < that.nameHeatList10.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList10[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 10) {
							if (that.nameHeatList11.length > 0) {
								for (var i = 0; i < that.nameHeatList11.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList11[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 11) {
							if (that.nameHeatList12.length > 0) {
								for (var i = 0; i < that.nameHeatList12.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList12[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 12) {
							if (that.nameHeatList13.length > 0) {
								for (var i = 0; i < that.nameHeatList13.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList13[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 13) {
							if (that.nameHeatList14.length > 0) {
								for (var i = 0; i < that.nameHeatList14.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList14[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 14) {
							if (that.nameHeatList15.length > 0) {
								for (var i = 0; i < that.nameHeatList15.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList15[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 15) {
							if (that.nameHeatList16.length > 0) {
								for (var i = 0; i < that.nameHeatList16.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList16[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 16) {
							if (that.nameHeatList17.length > 0) {
								for (var i = 0; i < that.nameHeatList17.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList17[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 17) {
							if (that.nameHeatList18.length > 0) {
								for (var i = 0; i < that.nameHeatList18.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList18[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 18) {
							if (that.nameHeatList19.length > 0) {
								for (var i = 0; i < that.nameHeatList19.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList19[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 19) {
							if (that.nameHeatList20.length > 0) {
								for (var i = 0; i < that.nameHeatList20.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList20[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 20) {
							if (that.nameHeatList21.length > 0) {
								for (var i = 0; i < that.nameHeatList21.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList21[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 21) {
							if (that.nameHeatList22.length > 0) {
								for (var i = 0; i < that.nameHeatList22.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList22[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 22) {
							if (that.nameHeatList23.length > 0) {
								for (var i = 0; i < that.nameHeatList23.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList23[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 23) {
							if (that.nameHeatList24.length > 0) {
								for (var i = 0; i < that.nameHeatList24.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameHeatList24[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}
						// else if(params[0].dataIndex===24){
						//     if(that.nameHeatList25.length >0){
						//         for(var i=0;i<that.nameHeatList25.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList25[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===25){
						//     if(that.nameHeatList26.length >0){
						//         for(var i=0;i<that.nameHeatList26.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList26[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===26){
						//     if(that.nameHeatList27.length >0){
						//         for(var i=0;i<that.nameHeatList27.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList27[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===27){
						//     if(that.nameHeatList28.length >0){
						//         for(var i=0;i<that.nameHeatList28.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList28[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===28){
						//     if(that.nameHeatList29.length >0){
						//         for(var i=0;i<that.nameHeatList29.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList29[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===29){
						//     if(that.nameHeatList30.length >0){
						//         for(var i=0;i<that.nameHeatList30.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameHeatList30[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }

						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftTopTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "单位（万）",
					}
				],
				series: this.heatMovesData
			}
			myChart.setOption(option)

		},

		drawPie() {
			let that = this
			let myChartPie = this.$echarts.init(document.getElementById("pieChart"))
			myChartPie.clear()
			let dataA = []
			let optionPie = {
				tooltip: {
					trigger: 'item',
					formatter: "{b} : {c} ({d}%)"
				},
				color: ['#58a55c', '#5087ec', '#d97458'],
				legend: {
					orient: 'vertical',
					textStyle: {
						//图例文字的样式
						color: '#9BAED5',
						fontSize: 12,
						padding: [10, 10],
						rich: {
							labelName: {
								color: '#fff',
								fontSize: 12,
							},
						},
					},
					type: 'scroll',
					left: '85%',
					top: '30%',
				},
				calculable: true,
				series: [
					{
						name: '',
						type: 'pie',
						selectedMode: 'single',
						radius: [40, 70],
						x: '10%',
						width: '60%',
						itemStyle: {
							normal: {
								label: {
									position: 'inner'
								},
								labelLine: {
									show: true
								}
							}
						},
						data: this.emotionPieChart
					},
					{
						name: '',
						type: 'pie',
						radius: [100, 140],
						x: '10%',
						width: '60%',
						label: {
							normal: {
								show: true,
								formatter: "{b} : {c}",
								textStyle: {
									fontSize: 16,

								},
								position: 'outside'
							},
							emphasis: {
								show: true
							}
						},
						data: dataA
					}
				]
			};
			let data = [];
			myChartPie.clear()
			myChartPie.setOption(optionPie);
			myChartPie.on('mouseover', function (params) {
				console.log('3期饼图点击事件', params);
				let arr = ['1', '2', '3']
				let emotionalPolarity = ''
				if (params.name == '正面') {
					emotionalPolarity = 1
				} else if (params.name == '中性') {
					emotionalPolarity = 2
				} else if (params.name == '负面') {
					emotionalPolarity = 3
				} else {
					emotionalPolarity = ''
				}
				if (emotionalPolarity != '') {
					arr.forEach((item, index) => {
						let params = {
							mediaTypeId: that.typeId,
							dateType: that.dataTypeRightTop,
							oneEmotion: emotionalPolarity,
						};
						twoEmotion(params).then(res => {
							console.log('下钻数据', res)
							if (res.status == 200) {
								let threeArr = []
								res.data.dataList.forEach((item, index) => {
									let arr = {
										name: res.data.typeList[index],
										value: item
									}
									threeArr.push(arr)
								})
								data[index] = threeArr
								console.log(data)
							}

						})
					})
					if (params.data) {
						for (let i = 0; i < optionPie.series[0].data.length; i++) {
							optionPie.series[0].data[i].selected = false;
						}
						let selected = params.data;
						selected.selected = true;
						console.log(optionPie.series[0].data[params.dataIndex]);
						optionPie.series[0].data[params.dataIndex] = selected;
						optionPie.series[1].data = data[params.dataIndex];
						myChartPie.clear();
						myChartPie.setOption(optionPie);
					}
				}
			});
		},
		drawMap() {
			let myChart = this.$echarts.init(document.getElementById("mapEcharts"));
			myChart.clear()
			let outdata = []
			let outname = this.mapName;
			let outvalue = this.mapValue;
			for (let i = 0; i < outname.length; i++) {
				outdata.push({
					name: outname[i],
					value: outvalue[i]
				})
			}
			let option11 = {
				tooltip: {
					show: true,
					formatter: function (params) {
						// return '&nbsp;&nbsp;' + params.name + '&nbsp;&nbsp;&nbsp;' + params.value + '人&nbsp;&nbsp;';
						return '&nbsp;&nbsp;' + params.name + '&nbsp;&nbsp;&nbsp;' + params.value + '';
					}
				},
				visualMap: {
					type: 'piecewise',
					left: '15',
					bottom: '15',
					itemWidth: 27,
					itemHeight: 15,
					textStyle: {
						color: '#333333',
						fontSize: 14,
					},
					pieces: [{
						min: 500,
						label: '>500',
					}, {
						max: 500,
						min: 200,
						label: '200-500',
					}, {
						max: 200,
						min: 0,
						label: '<200',
					}, {
						value: 0,
						label: '无数据',
					},],
					inRange: {
						color: ['#B2CAE0', '#D2EAFF', '#8AC6FD', '#45A5F8']
					},
					outOfRange: {
						color: ['#999999']
					}
				},
				geo: {
					map: 'china',
					show: true,
					roam: false,
					label: {
						emphasis: {
							show: false
						}
					},
					itemStyle: {
						normal: {
							borderColor: 'rgba(0,63,140,0.2)',
							shadowColor: 'rgba(0,63,140,0.2)',
							shadowOffsetY: 20,
							shadowBlur: 30
						}
					}
				},
				series: [{
					type: 'map',
					map: 'china',
					aspectScale: 0.75,
					//zoom:1.1,
					label: {
						normal: {
							show: false,
						},
						emphasis: {
							show: false,
						}
					},
					itemStyle: {
						normal: {
							areaColor: '#B2CAE0',
							borderColor: '#fff',
							borderWidth: 1,
						},
						emphasis: {
							areaColor: '#FFAE00',
						}
					},
					data: outdata
				}]
			};
			myChart.setOption(option11)
			window.addEventListener("resize", function () {
				myChart.resize()
			})
		},

		drawChart() {
			let myChart = this.$echarts.init(document.getElementById("sevenChart"));
			myChart.clear()
			let option3 = {
				title: {
					text: '近7天趋势(单位/万)',
					left: 'left',
					textStyle: {
						fontSize: 15,
						fontStyle: 'normal',
						fontWeight: 'normal',
					},
				},
				xAxis: {
					type: 'category',
					axisLine: {
						lineStyle: {
							color: '#e8ecef',
							width: 1,
						}
					},
					axisLabel: {
						textStyle: {
							color: 'black',

						}
					},
					data: this.hotLastSevenDay
				},
				yAxis: {
					type: 'value',
					// name: "单位（万）",
					axisLine: {
						lineStyle: {
							color: '#e8ecef',
							width: 1, //这里是为了突出显示加上的
						}
					},
					axisLabel: {
						textStyle: {
							color: 'black',//坐标值得具体的颜色

						}
					},
					splitLine: {
						lineStyle: {
							color: '#e8ecef',
							width: 1, //这里是为了突出显示加上的
						}
					},
				},
				series: [
					{
						data: this.hotValue,
						type: 'line',
						itemStyle: {
							normal: {
								lineStyle: {  //线的颜色
									color: '#ff5b01'
								},
							},
						},
					}
				]
			}
			myChart.setOption(option3)
			window.addEventListener("resize", function () {
				myChart.resize()
			})
		},

		drawHotLine1() {
			let myChart = this.$echarts.init(document.getElementById("chartLine2"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameLeftBtmList1.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameLeftBtmList2.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameLeftBtmList3.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameLeftBtmList4.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameLeftBtmList5.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameLeftBtmList6.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameLeftBtmList7.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 7) {
							if (that.nameLeftBtmList8.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList8.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList8[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 8) {
							if (that.nameLeftBtmList9.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList9.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList9[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 9) {
							if (that.nameLeftBtmList10.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList10.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList10[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 10) {
							if (that.nameLeftBtmList11.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList11.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList11[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 11) {
							if (that.nameLeftBtmList12.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList12.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList12[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 12) {
							if (that.nameLeftBtmList13.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList13.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList13[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 13) {
							if (that.nameLeftBtmList14.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList14.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList14[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 14) {
							if (that.nameLeftBtmList15.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList15.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList15[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 15) {
							if (that.nameLeftBtmList16.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList16.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList16[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 16) {
							if (that.nameLeftBtmList17.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList17.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList17[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 17) {
							if (that.nameLeftBtmList18.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList18.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList18[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 18) {
							if (that.nameLeftBtmList19.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList19.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList19[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 19) {
							if (that.nameLeftBtmList20.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList20.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList20[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 20) {
							if (that.nameLeftBtmList21.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList21.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList21[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 21) {
							if (that.nameLeftBtmList22.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList22.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList22[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 22) {
							if (that.nameLeftBtmList23.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList23.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList23[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 23) {
							if (that.nameLeftBtmList24.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList24.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList24[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}
						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftBtmTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "",
					}
				],
				series: this.leftBtmMovesData
			}
			myChart.setOption(option)
		},
		drawHotLine2() {
			let myChart = this.$echarts.init(document.getElementById("chartLine2"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameLeftBtmList1.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameLeftBtmList2.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameLeftBtmList3.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameLeftBtmList4.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameLeftBtmList5.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameLeftBtmList6.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameLeftBtmList7.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}
						// else if(params[0].dataIndex===7){
						//     if(that.nameLeftBtmList8.length >0){
						//         for(var i=0;i<that.nameLeftBtmList8.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList8[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===8){
						//     if(that.nameLeftBtmList9.length >0){
						//         for(var i=0;i<that.nameLeftBtmList9.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList9[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===9){
						//     if(that.nameLeftBtmList10.length >0){
						//         for(var i=0;i<that.nameLeftBtmList10.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList10[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===10){
						//     if(that.nameLeftBtmList11.length >0){
						//         for(var i=0;i<that.nameLeftBtmList11.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList11[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===11){
						//     if(that.nameLeftBtmList12.length >0){
						//         for(var i=0;i<that.nameLeftBtmList12.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList12[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===12){
						//     if(that.nameLeftBtmList13.length >0){
						//         for(var i=0;i<that.nameLeftBtmList13.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList13[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===13){
						//     if(that.nameLeftBtmList14.length >0){
						//         for(var i=0;i<that.nameLeftBtmList14.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList14[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===14){
						//     if(that.nameLeftBtmList15.length >0){
						//         for(var i=0;i<that.nameLeftBtmList15.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList15[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===15){
						//     if(that.nameLeftBtmList16.length >0){
						//         for(var i=0;i<that.nameLeftBtmList16.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList16[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===16){
						//     if(that.nameLeftBtmList17.length >0){
						//         for(var i=0;i<that.nameLeftBtmList17.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList17[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===17){
						//     if(that.nameLeftBtmList18.length >0){
						//         for(var i=0;i<that.nameLeftBtmList18.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList18[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===18){
						//     if(that.nameLeftBtmList19.length >0){
						//         for(var i=0;i<that.nameLeftBtmList19.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList19[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===19){
						//     if(that.nameLeftBtmList20.length >0){
						//         for(var i=0;i<that.nameLeftBtmList20.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList20[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===20){
						//     if(that.nameLeftBtmList21.length >0){
						//         for(var i=0;i<that.nameLeftBtmList21.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList21[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===21){
						//     if(that.nameLeftBtmList22.length >0){
						//         for(var i=0;i<that.nameLeftBtmList22.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList22[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===22){
						//     if(that.nameLeftBtmList23.length >0){
						//         for(var i=0;i<that.nameLeftBtmList23.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList23[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===23){
						//     if(that.nameLeftBtmList24.length >0){
						//         for(var i=0;i<that.nameLeftBtmList24.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList24[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===24){
						//     if(that.nameLeftBtmList25.length >0){
						//         for(var i=0;i<that.nameLeftBtmList25.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList25[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===25){
						//     if(that.nameLeftBtmList26.length >0){
						//         for(var i=0;i<that.nameLeftBtmList26.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList26[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===26){
						//     if(that.nameLeftBtmList27.length >0){
						//         for(var i=0;i<that.nameLeftBtmList27.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList27[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===27){
						//     if(that.nameLeftBtmList28.length >0){
						//         for(var i=0;i<that.nameLeftBtmList28.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList28[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===28){
						//     if(that.nameLeftBtmList29.length >0){
						//         for(var i=0;i<that.nameLeftBtmList29.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList29[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }else if(params[0].dataIndex===29){
						//     if(that.nameLeftBtmList30.length >0){
						//         for(var i=0;i<that.nameLeftBtmList30.length;i++){
						//             string +=  "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: "+color[i]+";margin-right: 5px'></div>"+that.nameLeftBtmList30[i] +"<span style='margin-left: 5px'>"+params[i].data+" 万</span>"+ '<br>'
						//         }
						//     }
						//     return  string;
						// }

						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftBtmTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "",
					}
				],
				series: this.leftBtmMovesData
			}
			myChart.setOption(option)
		},
		drawHotLine3() {
			let myChart = this.$echarts.init(document.getElementById("chartLine2"));
			myChart.clear()
			let that = this
			let color = ['#ff5b01', '#b2db9f', '#fcd88a', '#f49495', '#77be9e', '#fda985', '#b891cc', '#efa4db', '#ff5b01', '#b2db9f'];
			const option = {
				tooltip: {
					trigger: 'axis',
					formatter: function (params) {
						var string = "";
						if (params[0].dataIndex === 0) {
							if (that.nameLeftBtmList1.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList1.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList1[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 1) {
							if (that.nameLeftBtmList2.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList2.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList2[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 2) {
							if (that.nameLeftBtmList3.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList3.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList3[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 3) {
							if (that.nameLeftBtmList4.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList4.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList4[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 4) {
							if (that.nameLeftBtmList5.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList5.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList5[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 5) {
							if (that.nameLeftBtmList6.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList6.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList6[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 6) {
							if (that.nameLeftBtmList7.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList7.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList7[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 7) {
							if (that.nameLeftBtmList8.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList8.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList8[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 8) {
							if (that.nameLeftBtmList9.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList9.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList9[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 9) {
							if (that.nameLeftBtmList10.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList10.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList10[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 10) {
							if (that.nameLeftBtmList11.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList11.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList11[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 11) {
							if (that.nameLeftBtmList12.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList12.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList12[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 12) {
							if (that.nameLeftBtmList13.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList13.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList13[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 13) {
							if (that.nameLeftBtmList14.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList14.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList14[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 14) {
							if (that.nameLeftBtmList15.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList15.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList15[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 15) {
							if (that.nameLeftBtmList16.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList16.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList16[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 16) {
							if (that.nameLeftBtmList17.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList17.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList17[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 17) {
							if (that.nameLeftBtmList18.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList18.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList18[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 18) {
							if (that.nameLeftBtmList19.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList19.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList19[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 19) {
							if (that.nameLeftBtmList20.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList20.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList20[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 20) {
							if (that.nameLeftBtmList21.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList21.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList21[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 21) {
							if (that.nameLeftBtmList22.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList22.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList22[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 22) {
							if (that.nameLeftBtmList23.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList23.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList23[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 23) {
							if (that.nameLeftBtmList24.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList24.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList24[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 24) {
							if (that.nameLeftBtmList25.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList25.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList25[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 25) {
							if (that.nameLeftBtmList26.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList26.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList26[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 26) {
							if (that.nameLeftBtmList27.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList27.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList27[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 27) {
							if (that.nameLeftBtmList28.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList28.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList28[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 28) {
							if (that.nameLeftBtmList29.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList29.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList29[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						} else if (params[0].dataIndex === 29) {
							if (that.nameLeftBtmList30.length > 0) {
								for (var i = 0; i < that.nameLeftBtmList30.length; i++) {
									string += "<div style='width: 7px;height: 7px;border-radius: 10px;display: inline-block;background-color: " + color[i] + ";margin-right: 5px'></div>" + that.nameLeftBtmList30[i] + "<span style='margin-left: 5px'>" + params[i].data + " 万</span>" + '<br>'
								}
							}
							return string;
						}

						return "";
					},
					axisPointer: {
						type: 'cross',
						label: {
							backgroundColor: '#6a7985'
						}
					},
				},
				legend: {
					show: false,
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: [
					{
						type: 'category',
						boundaryGap: false,
						data: this.leftBtmTimeInfo
					}
				],
				yAxis: [
					{
						type: 'value',
						name: "",
					}
				],
				series: this.leftBtmMovesData
			}
			myChart.setOption(option)
		},

		drawWorldCloud() {
			let data = []
			for (let i = 0; i < this.hotBtmRightName.length; i++) {
				data.push({"name": this.hotBtmRightName[i], "value": this.hotBtmRightValue[i]})
			}
			let myChart = this.$echarts.init(document.getElementById("wordEchart"))
			myChart.clear()
			// 绘制图表
			myChart.setOption({
				tooltip: {
					show: false
				},
				series: [{
					name: '热词分析',
					type: 'wordCloud',
					sizeRange: [14, 50],
					rotationRange: [0, 0],
					shape: 'circle',
					textPadding: 0,
					autoSize: {
						enable: true,
						minSize: 6
					},
					textStyle: {
						normal: {
							color: function () {
								return 'rgb(' + [
									Math.round(Math.random() * 160),
									Math.round(Math.random() * 160),
									Math.round(Math.random() * 160)
								].join(',') + ')';
							}
						},
						emphasis: {
							shadowBlur: 10,
							shadowColor: '#333'
						}
					},
					data: data
				}]
			})
		},
	},
	mounted() {
		this.init()
	},


}

</script>

<style scoped lang="scss">
* {
	padding: 0;
	margin: 0;
}

.main {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 40px;

	.one_first {
		background-color: #f7f7f7;
		display: flex;
		height: 65px;
		width: 100%;

		.one_left {
			width: 90%;
			display: flex;
			padding: 0 20px;
			line-height: 65px;
			justify-content: space-around;

			.left_info {
				display: flex;

				.info_text_left {
					color: black;
					text-align: center;
					vertical-align: middle;
					font-size: 14px;
				}

				.info_value_left {
					padding-left: 10px;
					font-size: 25px;
					font-weight: bold;
				}
			}
		}

		.one_right {
			width: 10%;
			display: flex;
			justify-content: space-around;
			font-size: 14px;

			.one_o_right_true {
				margin-top: 17px;
				width: 50px;
				height: 31px;
				line-height: 31px;
				text-align: center;
				border-radius: 4px;
				background-color: #1677ff;
				color: #fff;
				cursor: pointer;
			}

			.one_o_right_false {
				margin-top: 17px;
				width: 50px;
				height: 31px;
				line-height: 31px;
				text-align: center;
				border-radius: 4px;
				background-color: #f7f7f7;
				color: #000;
				cursor: pointer;
			}
		}
	}

	.two_second {
		display: flex;
		height: 550px;
		width: 100%;
		justify-content: space-between;

		.two_left {
			width: 67.5%;
		}

		.two_right {
			width: 31.5%;

			.right_list_info {
				margin-top: 10px;
				width: 100%;
				height: 500px;
				border: 1px solid #eeeeee;

				.right_btm_text {
					display: inline-block;
					width: 20%;
					margin-left: 40%;
					margin-top: 10px;
					text-align: center;
					color: #999999;
					font-size: 16px;
					cursor: pointer;
				}
			}
		}
	}

	.three_third {
		display: flex;
		height: 550px;
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;

		.three_left {
			width: 67.5%;
		}

		.three_right {
			width: 31.5%;

			.chart1 {
				height: 90%;
				width: 100%;
				border: 1px solid #eeeeee;
				display: flex;
				flex-wrap: wrap
			}
		}
	}

	.four_fourth {
		display: flex;
		height: 600px;
		width: 100%;
		justify-content: space-between;
		margin-top: 20px;

		.four_left {
			width: 67.5%;
		}

		.four_right {
			width: 31.5%;
		}
	}

	.five_fifth {
		display: flex;
		height: 550px;
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;

		.five_left {
			width: 49.5%;
		}

		.five_right {
			width: 49.5%;
		}
	}
}

.left_top_title {
	height: 40px;
	width: 100%;
	margin-left: 10px;
	line-height: 40px;
	font-weight: 600;

	.first_title_text {
		padding-top: 40px;
		border-bottom: 2px solid #1375ff;
		font-size: 15px;
	}

	.first_title_false_text {
		padding-top: 40px;
		color: #b3b3b3;
		font-size: 14px;
	}

	.first_title_text1 {
		color: #000;
	}

	.first_title_false_text1 {
		color: #b3b3b3;
	}
}

/deep/ .ant-list-split .ant-list-item {
	border-bottom: 1px solid #f7f7f7;
	height: 45px;
	line-height: 45px;
	margin-left: 20px;
	margin-right: 10px
}

/deep/ .ant-list-pagination {
	padding-bottom: 2%;
}

/deep/ .ant-list-item-meta-title {
	margin-bottom: 4px;
	color: rgba(0, 0, 0, 0.65);
	font-size: 14px;
	line-height: 17px;
}

/deep/ .top10_list.ant-list {
	line-height: 0.5px
}

/deep/ .ant-list-item {
	padding: 9.5px 0;
}

/deep/ .ant-select {
	width: 116px;
}
</style>
